<template>
  <!-- 添加或修改履约保函对话框 -->
  <el-dialog :title="title" :visible.sync="dialogVisible" destroy-on-close  width="1360px" append-to-body>
    <el-form ref="form" :inline="true" :model="form" label-width="180px" disabled>
      <el-form-item label="受益人姓名" prop="syName">
        <div class="label_txt">{{ form.syName }}</div>
      </el-form-item>
      <el-form-item label="受益人企业性质" prop="syQyxz">
        <div class="label_txt">{{ form.syQyxz }}</div>
      </el-form-item>
      <el-form-item label="被保证人姓名" prop="bbzrName">
        <div class="label_txt">{{ form.bbzrName }}</div>
      </el-form-item>
      <el-form-item label="被保证人企业性质" prop="bbzrQyxz">
        <div class="label_txt">{{ form.bbzrQyxz }}</div>
      </el-form-item>
      <el-form-item label="被保证人注册资金" prop="bbzrZczj">
        <div class="label_txt">{{ form.bbzrZczj }}</div>
      </el-form-item>
      <el-form-item label="被保证人成立时间" prop="bbzrDate">
        <div class="label_txt">{{ form.bbzrDate }}</div>
      </el-form-item>
      <el-form-item label="对应资质" prop="dyzz">
        <div class="label_txt">{{ form.dyzz }}</div>
      </el-form-item>
      <el-form-item label="最高资质" prop="zgzz">
        <div class="label_txt">{{ form.zgzz }}</div>
      </el-form-item>
      <el-form-item label="保函格式" prop="bhGs">
        <div class="label_txt">{{ form.bhGs }}</div>
      </el-form-item>
      <el-form-item label="保函类型" prop="bhGs">
        <div class="label_txt">{{ form.bhType }}</div>
      </el-form-item>
      <el-form-item label="保函金额" prop="bhMoney">
        <div class="label_txt">{{ form.bhMoney }}</div>
      </el-form-item>
      <el-form-item label="项目名称" prop="xmName">
        <div class="label_txt">{{ form.xmName }}</div>
      </el-form-item>
      <el-form-item label="担保期限" prop="dbQixian">
        <div class="label_txt">{{ form.dbQixian }}</div>
      </el-form-item>
      <el-form-item label="中标时间" prop="xmDate">
        <div class="label_txt">{{ form.xmDate }}</div>
      </el-form-item>
      <el-form-item label="工期" prop="xmGongqi">
        <div class="label_txt">{{ form.xmGongqi }}</div>
      </el-form-item>
      <!-- <el-form-item label="出函银行" prop="xmChBank">
        <div class="label_txt">{{ form.xmChBank }}</div>
      </el-form-item> -->
      <el-form-item label="机构对接人" prop="duijieren">
        <div class="label_txt">{{ form.duijieren }}</div>
      </el-form-item>
      <el-form-item label="出函机构" prop="xmChDjuser">
        <div class="label_txt">{{ form.xmChDjuser }}</div>
      </el-form-item>
      <el-form-item label="其它备注" prop="remark">
        <div class="label_txt">{{ form.remark }}</div>
      </el-form-item>

      <el-form-item label="审核意见" prop="checkMind">
        <div class="label_txt">{{ form.checkMind }}</div>
      </el-form-item>

    </el-form>
  </el-dialog>
</template>

<script>
export default {
  name: "OrderDetail",
  props: {
    title: {
      type: String,
      default: '详情'
    },
    detailOpen: {
      type: Boolean,
      default: false
    },
    form: {
      type: Object,
      required: true
    }
  },
  computed: {
    dialogVisible: {
      get() {
        return this.detailOpen;
      },
      set(val) {
        this.$emit('changeDialog', val)
      }
    }
  },
  data() {
    return {
    };
  },
};
</script>

<style lang="scss" scoped>
.my_select {
  width: 204px;
}

.my_picker {
  width: 204px;
}

.lotInput {
  width: 150px;
  margin-right: 10px;
}

.bd_box {
  display: flex;
  flex-wrap: wrap;
}

::v-deep .el-upload--picture-card,
::v-deep .upload-file-uploader,
::v-deep .ele-upload-list__item-content-action {
  display: none
}

.label_txt {
  width: 204px
}
</style>
